<?php $catid=21;?>
{template "content","header_page"}
<div class="bgbody" style="background: url(http://m.nsr.com.cn/resource/uploadfile/column_icon/21.jpg) no-repeat top center;">
	<div class="main">
		<div class="rightbox">
			<div class="tipsearch">
				<div class="topnav">
					<ul>
						<li><a href="?m=content&c=index&a=lists&catid=29">培训招生</a><span>|</span></li>
						<li><a href="?m=content&c=index&a=lists&catid=28" class="onin">培训图集</a></li>
					</ul>
				</div>
			</div>

			<div class="mote">
				{pc:content  action="lists" catid="28" order="listorder DESC,updatetime DESC" page="$page" num="12"}  	  
				<ul class="sis-li">
					{loop $data $key $val}
					<li>
						<span class="v1">
							<a href="{$val[url]}" style="overflow:hidden;">
								<img src="{$val[thumb]}" width="100%" height="77%">
								<p>{$val['title']}</p>
							</a>
							<span class="div"></span>
						</span>
					</li>
					{/loop}
					
					<div class="clear"></div>
				</ul>
				<script type="text/javascript">
					$(document).ready(function(){
						$("span.div").show();
						$(".sis-li li").hover(function(){
						$("span.div",this).slideToggle(100);


						});
					});//图片遮罩
				</script>
				<div style="text-align: center;"><div class="Ppage">{$front_pages}</div></div>
				{/pc} 
				<!-- <div class="Ppage">
					<a href="#" class="Uppage">上一页</a>
					<a href="#" class="on">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<a href="#">6</a>
					<a href="#">7</a>
					<a href="#">8</a>
					<a href="#">9</a>
					<span>...</span>
					<a href="#">66</a>
					<a href="#" class="Downpage">下一页</a>
				</div> -->
			</div> 	
		</div>
	<div class="clear"></div>
	</div>
</div>
{template "content","footer"}